<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="js/vue.min.js"></script>
  <script src="js/axios.min.js"></script>
  <!-- 引入样式 -->
  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
  <!-- 引入组件库 -->
  <script src="ele-2.15.7/index.js"></script>
    <script src="myjs/base.js"></script>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/watch.css">
</head>
<style>

</style>
<body>
<div id="app" style="width: 100%;height: 100%;">
  <el-container style="height: 100%">

    <el-container>
        <el-header style="height: 84px;padding-top: 10px;min-width: 1200px">
            <myhead img-url="image/YYDS.png" title="YYDS影院" :user-msg="userMsg" ></myhead>
        </el-header>
        <el-container >
        <el-main>
            <div class="main-querylist">
              <div class="querylist-type-movies" >

                  <ul class="movies-type">
                      <li><span>类型：</span></li>
                      <el-radio-group v-model="type" @input="query(page)">
                          <el-radio-button v-for="ty in types" :label="ty"></el-radio-button>
                      </el-radio-group>
                  </ul>
              </div>
              <div class="querylist-type-movies">

                  <ul class="movies-area">
                      <li><span>地区：</span></li>
                      <el-radio-group v-model="area" @input="query(page)">
                          <el-radio-button v-for="ae in areas" :label="ae"></el-radio-button>
                      </el-radio-group>
                  </ul>
              </div>
              <div class="querylist-type-movies">

                  <ul class="movies-year">
                      <li><span>年份：</span></li>
                      <el-radio-group v-model="year" @input="query(page)">
                          <el-radio-button v-for="yrs in years" :label="yrs"></el-radio-button>
                      </el-radio-group>
                  </ul>
              </div>
            </div>


          <div class="watching-movies">
<!--              <div  style="display: inline-block;width: 100%;height: 200px;background-color: #eeeeee;text-align: center">-->
<!--                  暂无数据-->
<!--              </div>-->
              <el-empty v-if="total===0" style="margin-right: 300px" :image-size="100" description="暂无电影"></el-empty>
            <ul class="watch-list-ul">
              <li v-for="name,value in moviesdata" style="padding-right: 20px;padding-bottom: 20px">
               <a href="movie.html"> <img :src="name.movieimage" style="width: 280px;height: 170px;border-radius: 5px">
                <p style="width: 280px;text-align: center">{{name.moviename}}</p>
               </a>
              </li>
            </ul>
          </div>
          <div style="position: absolute;background-image:linear-gradient(to bottom, rgba(255,255,255,0), rgba(0,0,0,1));width: 200px;height: 600px;right: 0;top: 240px">
              <h3>{{tuijiandata.msg}}</h3>
                <ul>
                    <li v-for="name in tuijiandata.data">
                        <a href="#"><img style="width: 180px;height: 100px;padding-left: 10px" :src="name.movieimage"></a>
                        <span style="font-size: 6px;padding-left: 10px">{{name.moviename}}</span>
                    </li>
                </ul>
          </div>
           <div style="position: relative;width: 500px;height: 50px;bottom: 0;left: 46%">
               <el-pagination @current-change="query"  :page-Size="pageSize"
                       background
                       layout="prev, pager, next"  :total="total" >
               </el-pagination>
           </div>
        </el-main>
        <el-footer style="padding: 0px;">
            <!-- footer -->
            <footer class="footer" style="min-width: 1380px;">
                <div class="footer-inner">
                    <h3 class="homeico footer-inner-logo"></h3>
                    <p class="footer-inner-links">
                        <a href="https://www.1905.com/about/aboutus/" target="_blank">关于我们</a><span>|</span>
                        <a href="https://www.1905.com/sitemap.html" target="_blank">网站地图</a><span>|</span>
                        <a href="https://www.1905.com/jobs/" target="_blank">诚聘英才</a><span>|</span>
                        <a href="https://www.1905.com/about/copyright/" target="_blank">版权声明</a><span>|</span>
                        <a href="https://www.1905.com/about/contactus/" target="_blank">联系我们</a><span>|</span>
                        <a href="https://www.1905.com/error_report/error_report-p-pid-125-cid-126-tid-128.html" target="_blank">帮助与反馈</a><span>|</span>
                        <a href="https://www.1905.com/link/" target="_blank">友情链接</a><span>|</span>
                        <a href="https://www.1905.com/cctv6/advertise/" target="_blank">CCTV6广告招商</a><!--<span>|</span>
                <a href="javascript:void(0)">合作媒体</a>-->
                    </p>
                    <div class="footer-inner-bottom">
                        <a href="https://www.1905.com/about/licence/" target="_blank" >网络视听许可证0107199号</a>
                        <a href="https://www.1905.com/about/cbwjyxkz/" target="_blank" >出版物经营许可证</a>
                        <a href="https://www.1905.com/about/jyxyc/" target="_blank" >经营性演出许可证</a>
                        <a href="https://www.1905.com/about/gbdsjm/" target="_blank" >广播电视节目制作经营许可证</a>
                        <br>
                        <a href="https://www.1905.com/about/beian/" target="_blank">企业法人营业执照</a>
                        <a href="https://www.1905.com/about/zzdxyw/" target="_blank">增值电信业务经营许可证</a>
                        <a href="https://beian.miit.gov.cn" target="_blank">京ICP备12022675号</a>
                        <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010202000300" target="_blank">京公网安备 11010202000300号</a>
                        <br>
                        <ul class="links-ul">
                            <li v-for="name in linksdata.data" style="float: left;display:inline-block; margin-right:23px;">
                                <a :href="name.linkurl">
                                    {{name.linkname}}
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </footer>
            <!-- 版权 -->
            <div class="copy-right" style="min-width: 1380px;width: 100%">
                <div class="copy-right-conts clearfix">
                    <div class="right-conts-left fl">
                        <span>CopyRight © 2022</span>
                        <em>电影频道节目中心官方网站</em><em class="conts-left-margin">|</em>
                        <em>
                            <a href="https://www.1905.com/about/icp/" target="_blank">京ICP证100935</a>
                        </em>
                    </div>
                </div>
            </div>
            <!--返回顶部-->
            <div>
                <template>
                    <el-backtop  :bottom="100">
                        <div
                                style="{
                                                height: 100%;
                                                width: 100%;
                                                background-color: #f2f5f6;
                                                box-shadow: 0 0 6px rgba(0,0,0, .12);
                                                text-align: center;
                                                line-height: 40px;
                                                color: #1989fa;
                                              }"
                        >
                            UP
                        </div>
                    </el-backtop>
                </template>
            </div>
        </el-footer>

      </el-container>
    </el-container>
  </el-container>
</div>
</body>
<script src="myjs/watch.js"></script>
</html>